<?php
include('../../include/functions.inc.php');
$user = unserialize($_SESSION['user']);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Pago Facturas</title>
        <!-- Estilos -->
        <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
        <link href="../../css/ContentStyle.css" rel="stylesheet" type="text/css" />
        <link href="../../css/tableorderer.css" rel="stylesheet" type="text/css" />
        <link href="../../js/dialog/dialog.2.0.css" rel="stylesheet" type="text/css" />
        <link href="../../js/protocalendar/datepicker.css" rel="stylesheet" type="text/css" />
        <!-- codigo -->
        <script src="../../js/jquery.js" type="text/javascript"></script>
        <script>jQuery.noConflict();</script>
        <script src="../../bootstrap/js/bootstrap.js"></script>
        <script src="../../js/prototype.js" type="text/javascript"></script>
        <script src="../../js/jsvalidate.js" type="text/javascript"></script>
        <script src="../../js/protocalendar/prototype-date-extensions.js" type="text/javascript"></script>
        <script src="../../js/protocalendar/datepicker.js"  type="text/javascript"></script>
        <script src="../../js/dialog/dialog.2.0.js" type="text/javascript"></script>
        <script src="../../js/include.js" type="text/javascript"></script>
        <script src="../../js/TableOrderer.js" type="text/javascript"></script>
        <script src="lib.js" type="text/javascript"></script>
        <style type="text/css">
            <!--
            
            input,
            textarea{
                width: 300px;
            }
            select{
                width: 314px;
            }
            #facturas_pendientes {
                height: 300px;
                overflow: scroll;
            }
            -->
        </style>
    </head>
    <body>
        <div id="tabs">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a>Facturas Pendientes de Pago</a>
                </li>
            </ul>
        </div>
        <div id="tabs-cont">
            <div id="facturas_pendientes"></div>
            &nbsp;
            <div id="rsvErrors"></div>
            <div id="formapago">
                <form id="PAGO" name="PAGO" method="GET" action="data.php">
                    <input name="operation" id="operation" type="hidden" value="save" />
                    <input type="hidden" name="ID" id="ID" />
                    <input type="hidden" name="SERIE" id="SERIE" />
                    <input type="hidden" name="NUMERO" id="NUMERO" />
                    <table class="table table-striped"  width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <th scope="col" colspan="3">Factura</th>
                        </tr>
                        <tr>
                            <td width="10%">Serie</td>
                            <td width="10%" id="tdSerie">&nbsp;</td>
                            <td width="80%">&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Numero</td>
                            <td id="tdNumero">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Fecha</td>
                            <td id="tdFecha">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Nit</td>
                            <td id="tdNit">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Nombre</td>
                            <td id="tdNombre">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Monto</td>
                            <td id="tdMonto">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                    <table class=""  width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <th scope="col"><legend>Forma de Pago</legend></th>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td>Monto a Pagar</td>
                                        <td><input type="text" readonly="readonly" name="TOTAL" id="TOTAL" /></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">Efectivo</td>
                                        <td width="80%"><input name="EFECTIVO" type="text" id="EFECTIVO" value="0" /></td>
                                    </tr>
                                    <tr>
                                        <td>Tarjeta</td>
                                        <td><input name="TARJETA" type="text" id="TARJETA" value="0"  /></td>
                                    </tr>
                                    <tr>
                                        <td>Deposito</td>
                                        <td>
                                            <input name="DEPOSITO" type="text" id="DEPOSITO" value="0"/>
                                            &nbsp;# BOLETA &nbsp;
                                            <input style="width:200px" name="NO_BOLETA" type="text" id="NO_BOLETA" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Cheque</td>
                                        <td><input name="CHEQUE" type="text" id="CHEQUE" value="0" /></td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td><input name="fin" type="button" onclick="rsvWaysPay.validate();" class="btn btn-info" id="fin" value="Activar Factura" /></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <div id="divCheque">
                        <table class=""  width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <th scope="col"><legend>Datos de Cheque</legend></th>
                            </tr>
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="20%">No. Cheque</td>
                                            <td width="80%"><input name="NOCHEKE" type="text" id="NOCHEKE" size="50" /></td>
                                        </tr>
                                        <tr>
                                            <td>Banco</td>
                                            <td>
                                                <select name="BANCO" id="BANCO">
                                                    <option value="" selected="selected">Seleccionar</option>
                                                    <option value="BI" title="Banco Industrial, S.A.">Banco Industrial, S.A.</option>
                                                    <option value="GYT" title="Banco G&amp;T Continental, S.A.">Banco G&amp;T Continental, S.A.</option>
                                                    <option value="BAM" title="Banco Agromercantil de Guatemala, S.A.">BAM</option>
                                                    <option value="REFORMADOR" title="Banco Reformador, S.A.">Banco Reformador, S.A.</option>
                                                    <option value="CITY" title="Banco Citibank de Guatemala, S.A.">CITI</option>
                                                    <option value="BanRural" title="Banco de Desarrollo Rural, S.A.">BANRURAL</option>
                                                    <option value="Internacional" title="Banco Internacional, S.A.">INTERBANCO</option>
                                                    <option value="Promerica" title="Banco Promerica, S.A.">Banco Promerica, S.A.</option>
                                                    <option value="BAC" title="Banco de Am&eacute;rica Central, S.A.">BAC</option>
                                                    <option value="CHN" title="El Cr&eacute;dito Hipotecario Nacional de Guatemala">CHN</option>
                                                    <option value="Inmobiliario" title="Banco Inmobiliario, S.A.">Banco Inmobiliario, S.A.</option>
                                                    <option value="Vivibanco" title="Primer Banco de Ahorro y Pr&eacute;stamo para la Vivienda Familiar, S.A.">VIVIBANCO</option>
                                                    <option value="TRABAJADORES" title="Banco de los Trabajadores">Banco de los Trabajadores</option>
                                                    <option value="FICOHSA" title="Banco Ficohsa Guatemala, S.A.">Banco Ficohsa Guatemala, S.A.</option>
                                                    <option value="ANTIGUA" title="Banco de Antigua, S.A.">Banco de Antigua, S.A.</option>
                                                    <option value="CREDITO" title="Banco de Cr&eacute;dito, S.A.">Banco de Cr&eacute;dito, S.A.</option>
                                                    <option value="AZTECA" title="Banco Azteca de Guatemala, S.A.">Banco Azteca de Guatemala, S.A.</option>
                                                    <option value="Otro">Otro</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label for="FECHACOBRO">Fecha Cobro</label></td>
                                            <td>
                                                <input name="FECHACOBRO" value="<?php echo date(FORMAT); ?>" type="text" id="FECHACOBRO" size="50" readonly="readonly" />
                                                <script type="text/javascript">
                                                    new Control.DatePicker('FECHACOBRO',
                                                    {icon: '../../js/protocalendar/calendar.png',dateFormat: 'yyyy-MM-dd'});
                                                </script>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top"><label for="CONCEPTO">Concepto</label></td>
                                            <td>
                                                <label>
                                                    <textarea name="CONCEPTO" id="CONCEPTO" cols="46" rows="5">N/A</textarea>
                                                </label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
        </div>
    </body>
</html>